// 在1080下 1rem = 57.6px
i { color:#4aa7ea;}
table {
	width:100%; margin-top:-1px;
	&, td{ border:1px solid #dadee7; border-collapse:collapse;}
	th, td{ text-align:center;}
}

//奖励任务列表页
.tasks {
	.box{ margin: 0.9rem auto 1.1rem; padding:0.2rem 0.70rem; box-shadow:0px 1px 0px 0px rgba(211,211,211,0.8),0px -1px 0px 0px rgba(211,211,211,0.8);}
}

//围栏设置样式
.ranges {
	.box{ margin: 0.9rem auto 1.1rem; padding:0.2rem 0.70rem; box-shadow:0px 1px 0px 0px rgba(211,211,211,0.8),0px -1px 0px 0px rgba(211,211,211,0.8);}
	.li{ height:3.3rem; padding:0.25rem 0; box-shadow: 0px -1px 0px 0px rgba(211,211,211,0.4)}
	.li:nth-child(1){ box-shadow:none;}
	.sign {
		width:20%;
		span{ width:2.8rem;}
		i{ color:#fff; font-size:1.8rem; line-height:2.8rem;}
	}
	.con {
		width:80%; height:100%;
		.diameter{ width:30%; color:#666; font-size:0.59rem; line-height:2.8rem; text-align:right;}
		.file-name{ width:70%; height:50%; font-size:0.69rem; line-height:1.4rem;}
		.file-address{ width:70%; color:#666; height:50%; font-size:0.59rem; line-height:1.4rem;}
	}

	.mapfoot { position:absolute; bottom:0px; background:#fff;}
	.inputbox {
		padding-top:0.5rem;
		label{ padding:0 0.7rem; height:1.8rem; line-height:1.8rem; font-size:0.69rem;}
		input{ width:7rem; font-size:0.5rem; line-height:1rem;}
		select{ display:inline-block; width:4rem; font-size:0.5rem; line-height:1.3rem; height:1.3rem;}
	}
	.file-r{ font-size:0.7rem;}
	.file-range{ position:relative; height:34px;}
	.file-range span{ position:absolute; top:0; width:15%; font-size:0.7rem; line-height:28px; text-align:center;}
	.file-range span:nth-child(1){ left:0;}
	.file-range span:nth-child(3){ right:0;}
	input[type=range]{ display:block; height:28px; width:70%;margin:3px auto;}

	.submit{ display:block; width:50%; margin:0.5rem auto; height:1.8rem; font-size:0.8rem; line-height:1.8rem;}
	.set-marker{ position:absolute;top:-2rem; right:1rem; width:2.4rem; height:1.4rem; border:1px solid #999;}
	.set-marker i{ font-size:1rem; line-height:1.4rem;}
}

//消息页
.message {
	.mesbox{
		padding:0 0.69rem 0.31rem; margin-top:0.87rem; background:#fff; 
		border-top:1px solid #dadada; border-bottom:1px solid #dadada;
		dl{ height:3.06rem; padding-top:0.28rem;}
		dt{ height:100%; width:16%; border-radius:50%; color:#fff; font-size:1.8rem; line-height:2.88rem;}
		dd{ height:100%; width:82%; box-shadow: 0px 1px 0px 0px rgba(211,211,211,0.4);}
		.tit, .titcon{ height:50%;}
		.tith{ font-size:0.72rem; line-height:1.39rem;}
		.tittime{ color:#666; font-size:0.59rem; line-height:1.39rem;}
		.tittxt{ width:80%; color:#666; font-size:0.59rem; line-height:1.39rem;}
		.titnum{ height:0.9rem; margin-top:0.2rem; padding:0rem 0.31rem; border-radius:0.45rem; background:#ff5454; color:#fff; font-size:0.59rem; line-height:0.9rem;}
	}
}

// 首页样式
.index {
	.mapfoot { position:absolute; bottom:0px; background:#fff;}
	.set-date {
		.date, label span { height: 1.8rem; border: none; font-size:0.8rem; line-height:1.8rem;}
		label{ width:94%;}
		.time{ position:relative; height:34px;}
		.time span{ position:absolute; top:0; width:15%; font-size:16px; line-height:28px; text-align:center;}
		.time span:nth-child(1){ left:0;}
		.time span:nth-child(3){ right:0;}
		input[type=range]{ display:block; height:28px; width:70%;margin:3px auto;}
	}
}

// 主页样式修改
header.bar-nav, header.bar { 
	background:#00b7fb;
	.title{ color:#f6f6f6}
	i,a,span,.icon{ color:#eaeaea}
}
.bar-tab .tab-item .iconfont{ top:0.05rem; height:1.2rem; font-size:1.2rem; line-height:1.2rem; padding-top:0; padding-bottom:0; vertical-align:middle;}
.bar .iconfont{ position:relative; z-index:20; padding:0.5rem 0.1rem; font-size:1rem; line-height:1.2rem;}
.bar-tab .tab-item .iconfont~.tab-label{ display:block; font-size:0.55rem; position:relative; top:0.15rem;}
.panel{ overflow:visible;  background:#fff; border-right: 1px solid #ccc;}
.panel>.content-block{ overflow:hidden; height:100%; padding:0px 0.7rem 0px 1rem; margin:1rem 0rem;}
body.with-panel-left-cover .panel-left .shade{ display:block;}
.shade{ display:none; position:absolute; top:0px; left:12rem; width:20rem; height:100%; background:rgba(0, 0, 0, 0.3)}
.self-panel-overlay{background: rgba(0,0,0,0.7);opacity: 0.6}